<template>
  <div class="box">
    <h1 class="title">寻亲登记说明</h1>
    <p>
      宝贝回家志愿者协会（以下简称本协会）是由关爱儿童的各界爱心人士自愿组成的民间志愿者组织，于2008年1月18日在民政部门正式注册，是具有独立法人资格的非营利性社会公益团体，已按照相关规定在信息产业部和公安部门完成了备案。本协会及网站的宗旨是：关爱儿童，共筑和谐
    </p>
    <h4>
      进行寻亲登记之前，请认真阅读以下内容及法律声明：当您的孩子失踪或被拐后，请马上拨打110报警。
    </h4>
    <p>
      1、宝贝回家寻子网接受失踪或被拐时16周岁以下儿童的登记信息及流浪乞讨儿童的登记信息，超过16周岁或不属于失踪或被拐的寻人信息，需在家属同意并且相关资料完整的情况下在“其他寻人”区域进行登记。
    </p>
    <p>2、本协会为寻亲者提供免费的寻人帮助，请如实填写您在网站登记的资料。</p>
    <p>
      3、宝贝回家寻子网及宝贝回家志愿者协会志愿者所提供的寻人服务不会收取您任何费用，如果有任何人以宝贝回家名义向您索取财物，请直接报警或与宝贝回家办公室、宝贝回家全国接待QQ群联系。
    </p>
    <p>
      4、请不要利用宝贝回家寻子网站发布虚假寻人信息或恶作剧信息，本协会将保留一切追究法律责任的权利。
    </p>
    <h1 class="title">法律声明</h1>
    <p>
      1、
      本协会及网站坚决拥护中国共产党的领导，维护祖国统一，自觉遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国的各项法律法规，坚持爱国、守法、自律、真实、文明的原则，尊重网络道德。
    </p>
    <p>
      2、
      本协会及网站坚决反对任何危害国家安全、民族团结，破坏国家宗教政策、社会稳定的活动和行为，禁止任何含有侮辱、诽谤、教唆、淫秽及攻击性内容的信息和作品。不组织、不提倡、不参与任何示威、游行、上访等活动。本协会及网站谢绝一切境外媒体的采访与合作。
    </p>
    <p>
      1、本协会及网站所提供的信息，只供参考之用，不应用于任何商业用途。不保证该等信息的准确性、有效性、及时性或完整性。本协会及网站一概毋须以任何方式就任何信息传递或传送的不准确或错误对用户或第三人负任何直接或间接的责任。用户应为使用本网站承担全部责任和风险。本协会及网站保留自行决定修改本网站中任何部分内容的权利。
    </p>
    <p>
      1、本协会及网站享有以任何形式无偿使用、转载和引用用户向本协会或网站提交的启事和有关信息的权利，同时保留对用户发布信息管理、修改、删除的权利。
    </p>
    <p>
      5、本法律声明的制定、执行、解释及争议的解决适用中华人民共和国法律。请认真阅读以上信息并确认是否进行登记；如果确认登记，请点击“下一步”，如果不登记，您可以直接关闭页面。
    </p>

    <div class="agree">
      <input type="checkbox" v-model="flag" @click="changFlag"/>
      <span>阅读并接受<span class="user">《用户协议》</span></span>
    </div>
  </div>
  <Button :flag="flag"></Button>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import Button from "./button.vue";
const flag = ref(JSON.parse(window.sessionStorage.getItem('flag') || 'false'))
const changFlag = () => {
  flag.value = !flag.value
  window.sessionStorage.setItem('flag',JSON.stringify(flag.value))
}
</script>

<style lang="less" scoped>
.box {
  padding: 10px 20px;
  .title {
    text-align: center;
    font-weight: bolder;
    margin: 20px 0;
    font-size: 28px;
  }
  p {
    text-indent: 2em;
  }
  h4 {
    font-weight: bolder;
  }
  .agree {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
  }
  .user{
    color: rgb(0, 92, 200);
  }
}
</style>
